<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>

    // 远程资源
    const url = "http://47.106.187.222/plan/dictParent"
    // 本地资源
    const localUrl = './files/demo1.txt'

    // 只能访问同源URL，也就是域名相同、端口相同、协议相同。
    // 如果请求的URL与发送请求的页面在任何方面有所不同，则会抛出安全错误。
    // 请求类型("get"、"post"等)、 请求 URL，以及表示请求是否异步的布尔值。
    let xhr = new XMLHttpRequest();
    /*
        // 发送后,xhr对象一下属性会被填充上数据
         responseText:作为响应体返回的文本。
         responseXML:如果响应的内容类型是"text/xml"或"application/xml"，那就是包含响应数据的 XML DOM 文档。
         status:响应的 HTTP 状态。
         statusText:响应的 HTTP 状态描述。
         readyState 属性，表示当前处在请求/响应过程的哪个阶段
             0:未初始化(Uninitialized)。尚未调用 open()方法。
             1:已打开(Open)。已调用 open()方法，尚未调用 send()方法。
             2:已发送(Sent)。已调用 send()方法，尚未收到响应。
             3:接收中(Receiving)。已经收到部分响应。
             4:完成(Complete)。已经收到所有响应，可以使用了。
     */

    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            if ((xhr.status >= 200 && xhr.status < 300) || xhr.status === 304) {
                console.log(xhr)
                console.log('success:',xhr.responseText)
            }else{
                console.log('fail:',xhr.status)
            }
        }
    }
    xhr.open('get',url,true);
    xhr.send(null)

</script>
</body>
</html>